// 套餐列表
// prop-types is a library for typechecking of props
import PropTypes from "prop-types";

// @mui material components
import Grid from "@mui/material/Grid";

// Soft UI Dashboard PRO React components
import SoftBox from "components/SoftBox";

// Soft UI Dashboard PRO React example components
import PricingCardCom from "./priceCardCom";

function PricingCards() {
  return (
    <SoftBox position="relative" zIndex={10} mt={-30} px={{ xs: 1, sm: 0 }}>
      <Grid container spacing={3} justifyContent="center">
        <Grid item xs={12} lg={4}>
          <PricingCardCom
            badge={{ color: "secondary", label: "Annual" }}
            price={{ currency: "USDT/Year", value: "1200" }}
            specifications={[
              { label: "Track signals to 80+ Crypto Projects", includes: true },
              { label: "Signal intervals as fast as 5 minutes", includes: true },
              { label: "Support multiple signal notification channels", includes: true },
              {
                label: "Engage in seamless & flexible beacon planting and signal settings",
                includes: true,
              },
            ]}
            action={{
              type: "internal",
              color: "info",
              label: "SIGN UP",
            }}
          />
        </Grid>
      </Grid>
    </SoftBox>
  );
}

// Typechecking props for the PricingCards
PricingCards.propTypes = {};

export default PricingCards;
